<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>Treatment</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/treatment.css">
</head>

<body>
    <div class="home">

        <div class="header  animated fadeIn">
            <div class="box">
                <a href="./index.html" class="logo">
                    <img src="./images/logo.png" alt="">
                </a>
                <div class="links">
                    <div class="item">
                        <a href="./fertility.html" >Understanding Fertility</a>
                        <div class="aList animated fadeIn">
                            <a href="./fertility.html">Fertility assessment</a>
                            <a href="./about.html">About the clinic</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./treatment.html" class="active">Treatment and Services</a>
                        <div class="aList animated fadeIn">
                            <a href="./treatment.html?id=1">Assisted reproduction</a>
                            <a href="./treatment.html?id=2">Fertility preservation</a>
                            <a href="./treatment.html?id=3">3rd party fertility options</a>
                            <a href="./treatment.html?id=4">Gamete transfer in and out</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./specialists.html">Specialists</a>
                        <div class="aList animated fadeIn">
                            <a href="./specialists.html">Corporate advisor</a>
                            <a href="./specialists.html">International experts</a>
                            <a href="./specialists.html">Clinic specialists</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./process.html">Service</a>
                        <div class="aList animated fadeIn">
                            <a href="./international.html">International patients</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./blog.html">Blog</a>
                        <div class="aList animated fadeIn">
                            <a href="./blog.html">News</a>
                            <a href="./blog.html">Customer stories</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./contact.html">Contact Us</a>
                        <div class="aList animated fadeIn">
                            <a href="">Customer services</a>
                            <a href="">Reservation Form</a>
                        </div>
                    </div>
                </div>
                <a class="buy" href="./contact.html">
                    booking now
                </a>
                <div class="r">
                    <div class="line"></div>
                    <div class="search" id="doSearch">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                            <circle cx="11" cy="11" r="10" stroke="#6456A3" stroke-width="2" />
                            <line x1="18.4407" y1="18.4911" x2="23.2404" y2="23.2907" stroke="#6456A3"
                                stroke-width="2" />
                        </svg>
                    </div>
                    <div class="lan">
                        <div class="t1">
                            <img src="./images/ball.svg" alt="">
                            <p>EN</p>
                        </div>
                        <div class="chose animated fadeIn">
                            <a href="">泰语</a>
                            <a href="">老挝</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo.png" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="lan">
                <a href="">泰语</a>
                <a href="">老挝</a>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./fertility.html">Understanding Fertility</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./fertility.html">Fertility assessment</a>
                    <a href="./about.html">About the clinic</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./treatment.html">Treatment and Services</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./treatment.html?id=1">Assisted reproduction</a>
                    <a href="./treatment.html?id=2">Fertility preservation</a>
                    <a href="./treatment.html?id=3">3rd party fertility options</a>
                    <a href="./treatment.html?id=4">Gamete transfer in and out</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./specialists.html">Specialists</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./specialists.html">Corporate advisor</a>
                    <a href="./specialists.html">International experts</a>
                    <a href="./specialists.html">Clinic specialists</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./process.html">Service</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./international.html">International patients</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./blog.html">Blog</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./blog.html">News</a>
                    <a href="./blog.html">Customer stories</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">Contact Us</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="">Customer services</a>
                            <a href="">Reservation Form</a>
                </div>
            </div>
        </div>

        <div class="search_dom">
            <div class="box">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
                        <circle cx="13.5" cy="13.5" r="12.5" stroke="#151515" stroke-width="2" />
                        <line x1="22.7071" y1="23.2929" x2="28.7071" y2="29.2929" stroke="#151515" stroke-width="2" />
                    </svg>
                </div>
                <div class="sr">
                    <input type="text" placeholder="Search by category or interest">
                    <a href="">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
                            <path d="M4.57129 15.497L11.4284 8.63986L4.57129 1.78271" stroke="#595959"
                                stroke-width="2.28571" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                    </a>
                </div>
                <div class="close">
                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                        <path d="M24 8L8 24" stroke="black" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M8 8L24 24" stroke="black" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                    </svg>
                </div>
            </div>
        </div>

        <div class="r_fixed">
            <a href="./contact.html">
                <img src="./images/ricon1.png" alt="">
            </a>
            <a href="">
                <img src="./images/ricon2.png" alt="">
            </a>
            <a id="goTop">
                <img src="./images/ricon3.png" alt="">
            </a>
        </div>

        <div class="types">
            <div class="item active">
                Assisted Reproductive
            </div>
            <div class="item">
                Fertility Preservation
            </div>
            <div class="item">
                3rd party fertility options
            </div>
            <div class="item">
                 Gamete transfer in and out
            </div>
        </div>

        <div class="section1">
            <div class="pic">
                <img src="./images/tba.png" alt="">
            </div>
        </div>

        <div class="section2 section_click">
            <div class="t">Assisted Reproductive</div>
            <div class="list">
                <div class="item">
                    <div class="pic">
                        <img src="./images/t1.png" alt="">
                    </div>
                    <div class="info">
                        <div class="st">Ovulation Induction</div>
                        <div class="des">
                            Ovulation Induction is a hormone treatment method that involves oral medications like Clomid or Letrozole. These medications stimulate the ovaries to develop eggs and induce ovulation, increasing the chances of successful conception through timed intercourse. Ovulation Induction can be used in conjunction with IUI or as a primary method, particularly for women with irregular menstrual cycles or those who do not ovulate at all.
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="pic">
                        <img src="./images/t2.png" alt="">
                    </div>
                    <div class="info">
                        <div class="st">Intra-Uterine Insemination </div>
                        <div class="des">
                            Intrauterine Insemination (IUI) is a method that supports natural conception by placing specially processed sperm directly into the uterus. This technique enhances the chances of sperm reaching the fallopian tubes and successfully fertilizing the matured egg. In some cases, medication and a trigger injection may be used to stimulate the production of multiple eggs and time their release from the follicles.
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="pic">
                        <img src="./images/t3.png" alt="">
                    </div>
                    <div class="info">
                        <div class="st">In-Vitro Fertilisation </div>
                        <div class="des">
                            In-Vitro Fertilisation (IVF) is a highly popular assisted conception method. It involves the administration of hormone medication and injections to stimulate the ovaries, leading to the production of a larger number of eggs than usual. While under sedation,
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="pic">
                        <img src="./images/t4.png" alt="">
                    </div>
                    <div class="info">
                        <div class="st">Intra-Cytoplasmic Sperm Injection</div>
                        <div class="des">
                            It is a high-tech method used in IVF. Here's how it works: A single sperm is injected directly into an egg using a tiny needle. This helps overcome issues like poor sperm quality or quantity that might hinder fertilization in regular IVF. By bypassing these barriers, ICSI boosts the chances of successful fertilization. It's especially helpful for couples facing male infertility problems.
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="pic">
                        <img src="./images/t5.png" alt="">
                    </div>
                    <div class="info">
                        <div class="st">Preimplantation Genetic Testing</div>
                        <div class="dList">
                            <div class="dItem active">
                                <div class="d1">
                                    <div class="icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                            <rect width="24" height="24" fill="#6456A3"/>
                                            <path d="M9.99335 5.0018C9.76166 5.00135 9.53713 5.08254 9.35872 5.2313C9.25831 5.31506 9.17532 5.41793 9.11448 5.53402C9.05364 5.65011 9.01616 5.77714 9.00419 5.90782C8.99221 6.03851 9.00598 6.17029 9.0447 6.29562C9.08341 6.42094 9.14632 6.53735 9.22981 6.63818L13.6722 11.9863L9.38847 17.3444C9.3061 17.4465 9.24459 17.5639 9.20747 17.69C9.17036 17.8161 9.15837 17.9482 9.17219 18.079C9.18601 18.2097 9.22537 18.3364 9.28802 18.4518C9.35066 18.5672 9.43535 18.669 9.53721 18.7513C9.63981 18.8421 9.75996 18.9107 9.89012 18.9526C10.0203 18.9945 10.1576 19.0088 10.2936 18.9948C10.4295 18.9807 10.5611 18.9385 10.6801 18.8709C10.7991 18.8032 10.9029 18.7116 10.985 18.6016L15.7744 12.6149C15.9203 12.4364 16 12.2124 16 11.9813C16 11.7502 15.9203 11.5263 15.7744 11.3477L10.8164 5.36101C10.7169 5.24026 10.5905 5.14481 10.4475 5.0824C10.3045 5.01999 10.1489 4.99238 9.99335 5.0018Z" fill="white"/>
                                          </svg>
                                    </div>
                                    <div class="dt">Preimplantation Genetic Testing for Aneuploidies(PGT-A)</div>
                                </div>
                                <div class="d2" style="display: block;">
                                    It is a high-tech method used in IVF. Here's how it works: A single sperm is injected directly into an egg using a tiny needle. This helps overcome issues like poor sperm quality or quantity that might hinder fertilization in regular IVF. By bypassing these barriers, ICSI boosts the chances of successful fertilization. It's especially helpful for couples facing male infertility problems.
                                </div>
                            </div>
                            <div class="dItem">
                                <div class="d1">
                                    <div class="icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                            <rect width="24" height="24" fill="#6456A3"/>
                                            <path d="M9.99335 5.0018C9.76166 5.00135 9.53713 5.08254 9.35872 5.2313C9.25831 5.31506 9.17532 5.41793 9.11448 5.53402C9.05364 5.65011 9.01616 5.77714 9.00419 5.90782C8.99221 6.03851 9.00598 6.17029 9.0447 6.29562C9.08341 6.42094 9.14632 6.53735 9.22981 6.63818L13.6722 11.9863L9.38847 17.3444C9.3061 17.4465 9.24459 17.5639 9.20747 17.69C9.17036 17.8161 9.15837 17.9482 9.17219 18.079C9.18601 18.2097 9.22537 18.3364 9.28802 18.4518C9.35066 18.5672 9.43535 18.669 9.53721 18.7513C9.63981 18.8421 9.75996 18.9107 9.89012 18.9526C10.0203 18.9945 10.1576 19.0088 10.2936 18.9948C10.4295 18.9807 10.5611 18.9385 10.6801 18.8709C10.7991 18.8032 10.9029 18.7116 10.985 18.6016L15.7744 12.6149C15.9203 12.4364 16 12.2124 16 11.9813C16 11.7502 15.9203 11.5263 15.7744 11.3477L10.8164 5.36101C10.7169 5.24026 10.5905 5.14481 10.4475 5.0824C10.3045 5.01999 10.1489 4.99238 9.99335 5.0018Z" fill="white"/>
                                          </svg>
                                    </div>
                                    <div class="dt">Preimplantation Genetic Testing for Aneuploidies(PGT-A)</div>
                                </div>
                                <div class="d2">
                                    It is a high-tech method used in IVF. Here's how it works: A single sperm is injected directly into an egg using a tiny needle. This helps overcome issues like poor sperm quality or quantity that might hinder fertilization in regular IVF. By bypassing these barriers, ICSI boosts the chances of successful fertilization. It's especially helpful for couples facing male infertility problems.
                                </div>
                            </div>
                            <div class="dItem">
                                <div class="d1">
                                    <div class="icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                            <rect width="24" height="24" fill="#6456A3"/>
                                            <path d="M9.99335 5.0018C9.76166 5.00135 9.53713 5.08254 9.35872 5.2313C9.25831 5.31506 9.17532 5.41793 9.11448 5.53402C9.05364 5.65011 9.01616 5.77714 9.00419 5.90782C8.99221 6.03851 9.00598 6.17029 9.0447 6.29562C9.08341 6.42094 9.14632 6.53735 9.22981 6.63818L13.6722 11.9863L9.38847 17.3444C9.3061 17.4465 9.24459 17.5639 9.20747 17.69C9.17036 17.8161 9.15837 17.9482 9.17219 18.079C9.18601 18.2097 9.22537 18.3364 9.28802 18.4518C9.35066 18.5672 9.43535 18.669 9.53721 18.7513C9.63981 18.8421 9.75996 18.9107 9.89012 18.9526C10.0203 18.9945 10.1576 19.0088 10.2936 18.9948C10.4295 18.9807 10.5611 18.9385 10.6801 18.8709C10.7991 18.8032 10.9029 18.7116 10.985 18.6016L15.7744 12.6149C15.9203 12.4364 16 12.2124 16 11.9813C16 11.7502 15.9203 11.5263 15.7744 11.3477L10.8164 5.36101C10.7169 5.24026 10.5905 5.14481 10.4475 5.0824C10.3045 5.01999 10.1489 4.99238 9.99335 5.0018Z" fill="white"/>
                                          </svg>
                                    </div>
                                    <div class="dt">Preimplantation Genetic Testing for Chromosomal Structural Rearrangement(PGT-SR)</div>
                                </div>
                                <div class="d2">
                                    It is a high-tech method used in IVF. Here's how it works: A single sperm is injected directly into an egg using a tiny needle. This helps overcome issues like poor sperm quality or quantity that might hinder fertilization in regular IVF. By bypassing these barriers, ICSI boosts the chances of successful fertilization. It's especially helpful for couples facing male infertility problems.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="section3">
            <div class="box section_click">
                <div class="pic">
                    <img src="./images/fb.png" alt="">
                </div>
                <div class="t">Fertility Preservation</div>
                <div class="content">
                    <div class="info">
                        <div class="st">Intra-Cytoplasmic Sperm Injection</div>
                        <div class="des">
                            It is a high-tech method used in IVF. Here's how it works: A single sperm is injected directly into an egg using a tiny needle. This helps overcome issues like poor sperm quality or quantity that might hinder fertilization in regular IVF. By bypassing these barriers, ICSI boosts the chances of successful fertilization. It's especially helpful for couples facing male infertility problems.
                        </div>
                    </div>
                    <div class="pic">
                        <img src="./images/t6.png" alt="">
                    </div>
                </div>
            </div>
            <div class="box section_click">
                <div class="pic">
                    <img src="./images/fb.png" alt="">
                </div>
                <div class="t">3rd party fertility options</div>
                <div class="content">
                    <div class="info">
                        <div class="st">Intra-Cytoplasmic Sperm Injection</div>
                        <div class="des">
                            It is a high-tech method used in IVF. Here's how it works: A single sperm is injected directly into an egg using a tiny needle. This helps overcome issues like poor sperm quality or quantity that might hinder fertilization in regular IVF. By bypassing these barriers, ICSI boosts the chances of successful fertilization. It's especially helpful for couples facing male infertility problems.
                        </div>
                    </div>
                    <div class="pic">
                        <img src="./images/t6.png" alt="">
                    </div>
                </div>
            </div>
            <div class="box section_click">
                <div class="pic">
                    <img src="./images/fb.png" alt="">
                </div>
                <div class="t"> Gamete transfer in and out</div>
                <div class="content">
                    <div class="info">
                        <div class="st">Intra-Cytoplasmic Sperm Injection</div>
                        <div class="des">
                            It is a high-tech method used in IVF. Here's how it works: A single sperm is injected directly into an egg using a tiny needle. This helps overcome issues like poor sperm quality or quantity that might hinder fertilization in regular IVF. By bypassing these barriers, ICSI boosts the chances of successful fertilization. It's especially helpful for couples facing male infertility problems.
                        </div>
                    </div>
                    <div class="pic">
                        <img src="./images/t6.png" alt="">
                    </div>
                </div>
            </div>
        </div>





        <div class="foot">
            <div class="dom1">
                <div class="l">
                    <div class="logo">
                        <img src="./images/logo.png" alt="">
                    </div>
                    <div class="icons">
                        <a href="">
                            <img src="./images/ficon1.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon2.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon3.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon4.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon5.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon6.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon7.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon8.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon9.png" alt="">
                        </a>
                    </div>
                </div>
                <div class="r">
                    <div class="item">
                        <div class="i">
                            <p>Understanding Fertility </p>
                            <div class="aList">
                                <a href="">Fertility assessment</a>
                                <a href="">About the clinic</a>
                            </div>
                        </div>
                        <div class="i">
                            <p>Blog</p>
                            <div class="aList">
                                <a href="">News</a>
                                <a href="">Customer stories</a>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="i">
                            <p> Treatment</p>
                            <div class="aList">
                                <a href="">Fertility testing</a>
                                <a href="">Fertility preservation</a>
                                <a href="">Assisted reproduction</a>
                                <a href="">Third-party assisted</a>
                            </div>
                        </div>
                        <div class="i">
                            <p>Contact Us</p>
                            <div class="aList">
                                <a href="">Customer services</a>
                                <a href="">Reservation Form</a>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="i">
                            <p> Specialists</p>
                            <div class="aList">
                                <a href="">Corporate advisor</a>
                                <a href="">International experts</a>
                                <a href="">Clinic specialists</a>
                            </div>
                        </div>
                        <div class="i">
                            <p>Other Country</p>
                            <div class="chose">
                                <div class="d1">
                                    <p>other country</p>
                                    <div class="btn">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="12"
                                            viewBox="0 0 15 12" fill="none">
                                            <path
                                                d="M7.1184 10.7352L1.07104 1.73998C1.02601 1.67293 1.00043 1.58157 0.99993 1.486C0.999434 1.39044 1.02406 1.29848 1.0684 1.23038C1.11273 1.16227 1.17314 1.12359 1.23633 1.12284C1.29952 1.12208 1.36032 1.15933 1.40536 1.22638L7.2845 9.97198L13.1425 1.11438C13.1643 1.07901 13.1906 1.05064 13.2198 1.03096C13.249 1.01129 13.2805 1.00071 13.3124 0.999853C13.3444 0.999001 13.3762 1.00789 13.4058 1.026C13.4354 1.0441 13.4624 1.07105 13.485 1.10524C13.5076 1.13942 13.5254 1.18014 13.5374 1.22497C13.5493 1.2698 13.5552 1.31781 13.5547 1.36615C13.5541 1.41449 13.5471 1.46216 13.5341 1.50632C13.5211 1.55048 13.5023 1.59022 13.4789 1.62318L7.45378 10.7336C7.40933 10.8007 7.34913 10.8386 7.28631 10.8389C7.22349 10.8392 7.16313 10.8019 7.1184 10.7352Z"
                                                fill="white" stroke="white" />
                                        </svg>
                                    </div>
                                </div>
                                <div class="d2">
                                    <a href="">1</a>
                                    <a href="">2</a>
                                    <a href="">3</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="i">
                            <p>Service</p>
                            <div class="aList">
                                <a href="">International patients</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <p>© 2023. LRC LEGEND FERTILITY CENTER.  All rights reserved. </p>
                <div class="r">
                    <a href="" class="a1">
                        Disclaimer
                    </a>
                    <a href="" class="a1">
                        Privacy
                    </a>
                    <a href="" class="buy">
                        booking now
                    </a>
                </div>
            </div>
        </div>


    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/countUp.js"></script>
    <script>
        new WOW().init();

        var topArray=[];
        $('.section_click').each(function(index,item){
            var value = $(item).offset().top + $('.home .section3 .box .pic').height() - 900
            if (index === 0) {
                value = 0
            }
            topArray.push(value);
        })

        $(function(){
            $('.section2 .dList .dItem').click(function(){
                $(this).toggleClass('active').siblings('.dItem').removeClass('active')
                $(this).children('.d2').stop().slideToggle()
                $(this).siblings('.dItem').children('.d2').slideUp()
            })
        })

        $('.home .types .item').click(function () {
            var value = $('.section_click').eq($(this).index()).offset().top + $('.home .section3 .box .pic').height() - 800
            if ($(this).index() === 0) {
                value = 0
            }
            $('html,body').animate({
                scrollTop: value
            })
        })

        window.addEventListener('scroll',function () {
            var scroll = document.documentElement.scrollTop || document.body.scrollTop
            var index=0;
            for(var i in topArray){
                if(scroll>=topArray[i]){
                    index=i;
                }
            }
            $('.home .types .item').removeClass('active').eq(index).addClass('active')
        })

        var currentUrl = window.location.href;
        var url = new URL(currentUrl);
        var idParameter = url.searchParams.get('id') -1
        var value = $('.section_click').eq(idParameter).offset().top + $('.home .section3 .box .pic').height() - 800
        if (idParameter === 0) {
            value = 0
        }
        if (idParameter !== -1) {
            $('html,body').animate({
                scrollTop: value
            })
        }


    </script>
</body>

</html>